<!DOCTYPE html>
<html ng-app="userMessageApp">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion=  12)">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>个人信息</title>
    <link rel="icon" type="image/x-icon" href="image/111111.ico">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
    <script type="text/javascript" src="js/jBASE64.js"></script>
</head>
<body style="background-color:#f9f9f9">
<div class="mainContent" ng-controller="UserDetailController">
    <div class="header">
        <div class="header-logo">
            <span><img src="image/companyLogo.png" style="width: 80px; height: 80px"></span>
        </div>
        <div class="main-header-layout">
            <h1 class="logo fl f32" id="main-logo-text">Intelab云管理系统</h1>

            <ul class="header-nav fr pt5" id="head-user" >
                <li ><a href="#"><img src="image/user.jpg" style="width: 33px;cursor: default"></a></li>
                <li >
                    <a href="#" class="nav-login" style="cursor: default">欢迎：{{c_user}}</a>
                    <a href="userVerifyPhone.html?name={{c_user}}"><img src="image/user-yz.png" title="手机号验证"></a>
                    <a class="pl15 f14 acolorStyle"  href="#" ng-click="RedirctIndex()">【首页】</a>
                </li>
            </ul>
        </div>

    </div>
    <div id="content">
        <div class="content-layout" style="box-shadow:2px 2px 10px #d9edf7; background-color: white" >
            <div class="maincenter"  >
                <div class="maincenter-box">
                    <div class="ui-detail-item">
                        <lable class="ui-detail-label">姓名：</lable>
                        <span class="ui-detail-span" ng-bind="getCurrenUser.userName"></span>
                    </div>

                    <!--<div class="ui-detail-item">-->
                        <!--<lable class="ui-detail-label">性别：</lable><span class="ui-detail-span" ng-bind="getCurrenUser.gender"></span>-->
                    <!--</div>-->

                    <div class="ui-detail-item">
                        <lable class="ui-detail-label">手机号：</lable><span class="ui-detail-span" ng-bind="getCurrenUser.mobile"></span>
                        <!--<a class="pl20" href="userVerifyPhone.html?name={{getCurrenUser.name}}">手机号验证</a>-->
                    </div>

                    <div class="ui-detail-item">
                        <lable class="ui-detail-label">工号：</lable>
                        <span class="ui-detail-span" ng-bind="getCurrenUser.jobNum"></span>
                    </div>

                    <!--<div class="ui-detail-item">
                        <lable class="ui-detail-label">公司：</lable>
                        <span class="ui-detail-span">上海罗马城电力设备公司</span>
                    </div>-->
                    <div class="ui-detail-item">
                        <lable class="ui-detail-label">部门：</lable><span class="ui-detail-span" ng-bind="getCurrenUser.department"></span>
                    </div>

                    <div class="ui-detail-item">
                        <lable class="ui-detail-label">职位：</lable><span class="ui-detail-span" ng-bind="getCurrenUser.job"></span>
                    </div>

                    <div class="ui-detail-item">
                        <lable class="ui-detail-label">邮箱：</lable><span class="ui-detail-span" ng-bind="getCurrenUser.email"></span>
                        <!-- <a class="pl20" href="userVerifyPhone.html">邮箱验证</a>-->
                    </div>
                  <!--  <div class="ui-detail-item">
                        <lable class="ui-detail-label">上级管理员：</lable><span class="ui-detail-span">张三丰</span>
                    </div>
                    -->
                    <div class="ui-detail-item  mt30">

                            <!--<button id="btn_add" type="button" class="btn btn-default" data-toggle="modal" data-target="#updateUser" ng-click="UpdateUserInfo()" >-->
                                <!--<span class="glyphicon glyphicon-plus" aria-hidden="true" ></span>修 改-->
                            <!--</button>-->
                        <span style=" display: inline-block; margin-left:64px; margin-top: 30px">
                        <input type="button" class="ui-botton" value="修改"  data-toggle="modal" data-target="#updateUser" ng-click="UpdateUserInit()" style="display: inline-block; padding: 0 !important; height: 40px; line-height: 40px"  />
                        </span>

                        <!-- Modal updateUser-->
                        <div id="updateUser" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="updateUserLabel"
                             aria-hidden="true">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h4 id="updateUserLabel">修改个人信息</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container" style="width:500px; padding-bottom:20px">
                                    <div class="add-user-model">
                                        <p>
                                            <span>姓名：</span><input type="text" ng-model="getCurrenUser.userName"/>
                                            <!--<span>性别：</span>-->
                                            <!--<input type="radio" name="sex" value="男" ng-model="getCurrenUser.gender" />男-->
                                            <!--<input type="radio" name="sex" value="女"  ng-model="getCurrenUser.gender" />女-->
                                            <span>工号：</span><input type="text" ng-model="getCurrenUser.jobNum"/>
                                        </p>
                                        <p>
                                            <span>原密码：</span> <input type="text" id="oldPwd"/>
                                            <span>新密码：</span> <input type="text" id="newPwd" />
                                        </p>
                                        <p>
                                            <span>手机号：</span> <input type="text" ng-model="getCurrenUser.mobile"/>
                                            <span>邮 箱：</span> <input type="text" ng-model="getCurrenUser.email"/>
                                        </p>
                                        <p>
                                            <span>部门：</span> <input type="text" ng-model="getCurrenUser.department"/>
                                            <span>职位：</span> <input type="text" ng-model="getCurrenUser.job"/>
                                        </p>
                                        <p>
                                            <span>固定电话：</span> <input type="text" ng-model="getCurrenUser.telephone"/>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                                <button class="btn btn-primary"  data-dismiss="modal" aria-hidden="true" ng-click="saveUpdateUserInfo()">保 存</button>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>

</div>
<script type="application/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="application/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="application/javascript" src="js/angular.js"></script>
<script type="application/javascript" src="js/angular-route.min.js"></script>
<script type="application/javascript " src="controller/ControUser.js"></script>
</body>

</html>